/********************************************************************************************************************Début du desing Respensive*******************************************************************************************************************/
#canvas_france {
    width: 600px;
    border: 1px solid #aaa;
  }      .cadre_simple
	  {
	  border:1px solid #000000;
	  margin-bottom:20px;
	  width:100px;
	  }
      .cadre_overflow_auto
	  {
	  border:1px solid #000000;
	  margin-bottom:20px;
	  width:100px;
	  overflow:auto;
	  }
      .cadre_overflow_hidden
	  {
	  border:1px solid #000000;
	  margin-bottom:20px;
	  width:100px;
	  overflow:hidden;
	  }
      .cadre_overflow_scroll
	  {
	  border:1px solid #000000;
	  margin-bottom:20px;
	  width:100px;
	  overflow:scroll;
	  }

      .cadre_overflow_visible
	  {
	  border:1px solid #000000;
	  margin-bottom:20px;
	  width:100px;
	  overflow:visible;
	  }


      .cadre_mini_height
	  {
	  border:1px solid #000000;
	  margin-bottom:20px;
	  width:100px;
	  min-height:100px;
	  }

      .cadre_mini_width
	  {
	  border:1px solid #000000;
	  margin-bottom:20px;
	  width:100px;
	  min-width:100px
	  }


      .cadre_max_height
	  {
	  border:1px solid #000000;
	  margin-bottom:20px;
	  width:100px;
	  max-height:100px;
	  }

      .cadre_max_width
	  {
	  border:1px solid #000000;
	  margin-bottom:20px;
	  width:100px;
	  max-width:100px;
	  }






/****csss pour cahier charches********/

       .rose
	  {
	  color:#FF00FF;
	  border:1px solid #000000;
	  background-color:#000000;
	  border-bottom:0px;
	  margin-bottom:-10px;	  
	  }
     .gris
	  {
	  color:#CCCCCC;
	  border:1px solid #000000;
	  background-color:#000000;
	  border-bottom:0px;
	  margin-bottom:-10px;	  
	  }
     .vert
	  {
	  color:#00FF00;
	  border:1px solid #000000;
	  background-color:#000000;
	  border-bottom:0px;
	  border-left:1px;
	  border-right:1px;
	  border-top:0px;
	  
	  margin-bottom:-10px;	  
	  }

      .jaune
	  {
	  color:#FFFF00;
	  border:1px solid #000000;
	  background-color:#000000;
	  border-bottom:0px;
	  margin-bottom:-10px;
	  }
	  
	  .noire
	  {
	  color:#000000;
	  border:1px solid #000000;
	  background-color:#000000;
	  border-bottom:0px;
	  margin-bottom:-10px;	  
	  }

	  .blanc
	  {
	  color:#FFFFFF;
	  border:1px solid #000000;
	  background-color:#000000;
	  border-bottom:0px;
	  margin-bottom:-10px;	  
	  }


	  .rouge
	  {
	  color:#FF0000;
	  border:1px solid #000000;
	  background-color:#000000;
	  border-bottom:0px;
	  margin-bottom:-10px;	  
	  }


/********************************Début listes des vidéos************************************************************/

	  .cadre_video
	  {
	  border-color:#000000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 1px 0px 1px; /* top right bottom left */
	  }

	  
	  .clearVideo .video iframe{
		  width:10%;
	  }

/********************************Fin listes des vidéos**************************************************************/


/********************************************************************************************************************Début Ecrans ordinateurs*********************************************************************************************************************/
@media (min-width: 1200px)
{

/********************************************************************************************************************Début fond du site***************************************************************************************************************************/

      body
	  {
	  padding: 0px 0px 0px 10px;/* top right bottom left */
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:11px; /* taille du texte */
	  background-color:#F8FFE6; /* Couleur de fond */
	  background-image:linear-gradient(#F8FFE6,#F3FFD5);
	  margin: 0px 0px 0px 0px;/* top right bottom left */
	  color:#000000; /* couleur du texte */
	  background-color:d9d8d8; /* Couleur de fond */
	  border-color:#000000; /* on affiche la couleur de la bordure */
  	  border-style: thin; /*  on affiche le style de l'a bordure */
	  border-width: 1px 1px 1px 1px; /* top right bottom left */
	  }

      #global
	  {
	  width: 980px;/* longueur du cadre */
	  margin: 0 auto; /* top right bottom left */
	  text-align:left; /* aligner un mot */
	  }
      #logo
	  {
	  margin:0px 0px 10px 0px; /* top right bottom left */
	  }

/********************************************************************************************************************Fin fond du site*****************************************************************************************************************************/
/********************************************************************************************************************Début du menu du haut************************************************************************************************************************/

      #header
	  {
	  margin: 0px 0px 10px 0px; /* top right bottom left */
	  font-size:11px; /* taille du texte */
	  background-color:#FFFFFF; /* Couleur de fond */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  border-color:#000000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 1px 1px 1px; /* top right bottom left */
	  border-radius: 4px 4px 4px 4px; /* top right bottom left Coin arrondit */
	  }

	  #cadre_avatar
	  {
	  float: right;/* aligner le bloque right*/
	  }

      #menu_haut
	  {
	  margin:13px 0px 0px 10px; /* top right bottom left */
	  }

      #menu_haut #navigation
	  {
	  }

      #menu_haut #navigation a
	  {
	  font-weight: bold; /* texte gras */
	  color: #000000; /* couleur du texte */
	  height: 16px; /* largeur du cadre */
	  vertical-align: middle; /* Aligne le texte au milieu */
	  margin:0px 3px 0px 0px; /* top right bottom left */
	  }

      #menu_haut #navigation img
	  {
	  vertical-align:top; /* Aligne le texte en haut */
	  margin:0px 3px 0px 0px;/* top right bottom left */
	  border-color:#000000; /* on affiche la couleur de la bordure */
  	  border-style: none; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 0px; /* top right bottom left */
	  }

      #menu_haut #navigation .separator
	  {
	  margint:0px 1px 0px 0px; /* top right bottom left */
	  }

/********************************************************************************************************************Fin du menu du haut**************************************************************************************************************************/
/********************************************************************************************************************Début du menu de gauche**********************************************************************************************************************/

	  #menu
	  {
	  width:180px;
	  float: left;/* aligner le bloque left*/
	  padding:0px 10px 20px 0px;/* top right bottom left */
	  font-size:11px; /* taille du texte */
	  position:relative;
	  }
	  
      #menu h5
	  {
	  margin:0px 0px 5px 0px; /* top right bottom left */
	  }

      #menu hr
	  {
	  margin:0px 0px 5px 0px; /* top right bottom left */
	  }

      hr
	  {
	  }
	  
	  .titreDuMenu
	  {
	  font-size: 12px; /* taille du texte */
	  background-color: #BFD73B; /* Couleur de fond */
	  padding:4px 0px 4px 4px; /* top right bottom left */
	  margin:-0.5px 0px 0px 0px; /* top right bottom left */
	  border-color:#000000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 1px 0px 1px; /* top right bottom left */
	  }
	  
	  .contenuDuMenu
	  {
	  font-size: 12px; /* taille du texte */
	  background-color:#FFFFFF; /* Couleur de fond */
	  margin:0px 0px 8px 0px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  border-color:#000000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 1px 1px 1px; /* top right bottom left */
	  }
	  
	  #menu hr
	  {
	  border-color:#E6F2FF; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  }


/********************************************************************************************************************Fin du menu de gauche************************************************************************************************************************/
/********************************************************************************************************************Début du contenu du centre*******************************************************************************************************************/

      #content
	  {
		  font-size: 13px; /* taille du texte */
		  border-color:#000000; /* on affiche la couleur de la bordure */
		  border-style: solid; /*  on affiche le style de l'a bordure */
		  border-width:1px 1px 1px 1px; /* top right bottom left */
		  background-color: #FFFFFF; /* Couleur de fond */
		  margin:0px 0px 0px 190px; /* top right bottom left */
		  width:770px; /* longueur du cadre */
		  padding:5px 10px 5px 10px; /* top right bottom left */
	  }


/********************************************************************************************************************Fin du contenu du centre*********************************************************************************************************************/
/********************************************************************************************************************Début du menu du bas*************************************************************************************************************************/

      #footer
	  {
	  clear: both;
	  font-size:13px; /* taille du texte */
	  padding: 10px 0px 0px 0px; /* top right bottom left */
	  text-align: center; /* aligner un mot */
	  color: #000000; /* couleur du texte */
	  }

/********************************************************************************************************************Fin du menu du bas***************************************************************************************************************************/

/********************************************************************************************************************Début de la fil arraine**********************************************************************************************************************/

      #fil_ariane
	  {
	  border-color:#000000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 1px 0px; /* top right bottom left */
	  margin:0px -11px 10px -11px; /* top right bottom left */
	  }

	  .breadcrumb
	  {
	  margin:0px 0px 0px -39px; /* top right bottom left */
	  list-style: none;
	  overflow: hidden;
	  font: 18px Helvetica, Arial, Sans-Serif;
	  }

	  .breadcrumb li
	  {
	  color:#000000; /* couleur du texte */
	  text-decoration:none;
      position:relative;
      display:block;
      float:left;/* aligner le bloque left*/
      }

	  .breadcrumb li a
	  {
	  color:#FFFFFF; /* couleur du texte */
      text-decoration: none;
      padding: 10px 0 10px 55px; /* top right bottom left */
      background: brown;                   /* fallback color */
      background: hsla(34,85%,35%,1);
      position: relative;
      display: block;
      float: left;/* aligner le bloque left*/
      }

      .breadcrumb li a:after
	  {
      content: " ";
      display: block;
      width: 0; /* longueur du cadre */
      height: 0; /* largeur du cadre */
      border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
      border-bottom: 50px solid transparent;
      border-left: 30px solid hsla(34,85%,35%,1);
      position: absolute;
      top: 50%;
      margin: -50px 0px 0px 0px; /* top right bottom left */
      left: 100%;
      z-index: 2;
      }

      .breadcrumb li a:before
	  {
	  content: " ";
      display: block;
      width: 0; /* longueur du cadre */
      height: 0;  /* largeur du cadre */
      border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
      border-bottom: 50px solid transparent;
      border-left: 30px solid white;
      position: absolute;
      top: 50%;
	  margin: -50px 0px 0px 1px; /* top right bottom left */
      left: 100%;
      z-index: 1;
      }

	  .breadcrumb li:first-child a
	  {
	  padding:10px 10px 10px 10px;/* top right bottom left */
	  }

	  .breadcrumb li:nth-child(2) a
	  {
	  background:hsla(34,85%,45%,1);
	  }

	  .breadcrumb li:nth-child(2) a:after
	  {
	  border-left-color: hsla(34,85%,45%,1);
	  }

	  .breadcrumb li:nth-child(3) a
	  {
	  background:hsla(34,85%,55%,1);
	  }

	  .breadcrumb li:nth-child(3) a:after
	  {
	  border-left-color:hsla(34,85%,55%,1);
	  }

      .breadcrumb li:nth-child(4) a
	  {
	  background:hsla(34,85%,65%,1);
	  }

	  .breadcrumb li:nth-child(4) a:after
	  {
	  border-left-color:hsla(34,85%,65%,1);
	  }

      .breadcrumb li:nth-child(5) a
	  {
	  background:hsla(34,85%,75%,1);
	  }

	  .breadcrumb li:nth-child(5) a:after
	  {
	  border-left-color:hsla(34,85%,75%,1);
	  }

	  .breadcrumb li:last-child a
	  {
	  background: white !important;
	  color:#000000; /* couleur du texte */
	  pointer-events: none;
	  cursor: default;
	  }

      .breadcrumb li:last-child a:after
	  {
	  border:0;
	  }

      .breadcrumb li a:hover
	  {
	  background:hsla(34,85%,25%,1);
	  }

	  .breadcrumb li a:hover:after
	  {
	  border-left-color:hsla(34,85%,25%,1) !important;
	  }

/********************************************************************************************************************Fin de la fil arraine***********************************************************************************************************************/
/********************************************************************************************************************Début des redirections**********************************************************************************************************************/

      .redirection
 	  {
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  border-color:#000000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 1px 1px 1px; /* top right bottom left */
	  background-color: #F0F0F2; /* Couleur de fond */
	  color:#63d300; /* couleur du texte */
	  }
/********************************************************************************************************************Fin des redirections************************************************************************************************************************/

/********************************************************************************************************************Début des liens*****************************************************************************************************************************/

      a:link
	  {
	  font-size:11px; /* taille du texte */
	  text-decoration:none;
	  color:#000000; /* couleur du texte */
	  }

      a:visited
	  {
	  text-decoration:none;
	  font-size:11px; /* taille du texte */
	  color:#000000; /* couleur du texte */
	  }

      a:hover
	  {
	  text-decoration: underline;
	  color:#44C8F5; /* couleur du texte */
	  }

      a:active
	  {
	  text-decoration:none;
	  }

/********************************************************************************************************************Fin des liens*******************************************************************************************************************************/

/********************************************************************************************************************Début Tout les boutons & imput & texterea & images******************************************************************************************/

      form p img
	  {
	  vertical-align: top; /* Aligne le texte en haut */
	  margin:6px 0px 0px 2px; /* top right bottom left */
	  }

      form p span[class=boxVerif]
	  {
	  margin: 0px 0px 0px 2px; /* top right bottom left */
	  }

      form input[type=submit], form input[type=button], form input[type=reset]
	  {
/*	  position:relative;
	  display:inline-block;*/
	  height:30px; /* largeur du cadre */
/*	  line-height:25px; */
	  padding:2px 8px 2px 8px; /* top right bottom left */
/*	  color:#000000; */
	  background-color:#BFD73B; /* Couleur de fond */
	  border-color:#000000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 1px 1px 1px; /* top right bottom left */
	  text-shadow:0px 0px 1px #333;
/*	  text-decoration:none; */
	  font-size:14px; /* taille du texte */
	  box-shadow:0px 1px 2px rgba(0,0,0,0.1);
	  border-radius:3px 3px 3px 3px; /* top right bottom left Coin arrondit */
	  background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.1),rgba(0,0,0,0.1));
	  cursor:pointer;
	  }

      form input[type=submit]
	  {
	  font-weight: bold; /* texte gras */
	  }

      form input[type=text], form input[type=password], form input[type=checkbox], form input[type=radio], form input[type=file], form select
	  {
	  color: #000000; /* couleur du texte */
	  background-color:#F5FFDF; /* Couleur de fond */
	  border-color:#222; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 1px 1px 1px; /* top right bottom left */
	  border-radius: 4px 4px 4px 4px; /* top right bottom left Coin arrondit */
	  padding:0px 0px 0px 4px; /* top right bottom left */
	  }
	  form textarea
	  {
	  width:500px; /* longueur du cadre */
	  color: #000000; /* couleur du texte */
	  background-color:#F5FFDF; /* Couleur de fond */
	  border-color:#222; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 2px 2px 2px 2px; /* top right bottom left */
	  border-radius:0px 0px 0px 4px; /* top right bottom left Coin arrondit */
	  padding:0px 0px 0px 4px; /* top right bottom left */
	  }

      form input[type=text], form input[type=password]
	  {
	  width:200px; /* longueur du cadre */
	  padding:5px 5px 5px 5px; /* top right bottom left */
	  margin:1px 0px 1px 0px; /* top right bottom left */
	  }

      form input[type=checkbox], form input[type=radio]
	  {
	  width:300px; /* longueur du cadre */
	  padding:0px 0px 0px 2px; /* top right bottom left */
	  width: 16px; /* longueur du cadre */
	  height: 16px; /* largeur du cadre */
	  margin:8px 8px 8px 8px; /* top right bottom left */
	  }

      form
	  {
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  }

      img
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 0px; /* top right bottom left */
	  }

/********************************************************************************************************************Fin Tout les boutons & imput & texterea & images********************************************************************************************/

/********************************************************************************************************************Début des labels****************************************************************************************************************************/


label
{
	display: block;
	width: 200px;
	float: left;
}
/********************************************************************************************************************Fin des labels******************************************************************************************************************************/

/********************************************************************************************************************Début des h1, h2, h3, h4, h5****************************************************************************************************************/

      h1
	  {
	  /* text-align: left; */
	  /* margin-left: 230px; */
	  font-size: 13pt;
	  color: #000000; /* coul /* taille du texte */eur du texte */
	  font-family:Arial, Helvetica, sans-serif;
	  }

      h2
	  {
	  font-size:14px; /* taille du texte */
	  padding: .25em 0px 0px 0px; /* top right bottom left */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  font-family:Arial, Helvetica, sans-serif;
	  }

      h3
	  {
	  font-size:10px; /* taille du texte */
	  font-family:Arial, Helvetica, sans-serif;
	  color:#000000; /* couleur du texte */
	  }

      h4
	  {
	  font-size:10px; /* taille du texte */
	  font-family:Arial, Helvetica, sans-serif;
	  color:#000000; /* couleur du texte */
	  }
      h5
	  {
	  font-size:10px; /* taille du texte */
	  font-family:Arial, Helvetica, sans-serif;
	  color:#000000; /* couleur du texte */
	  }

/********************************************************************************************************************Fin  des h1, h2, h3, h4, h5*****************************************************************************************************************/

/********************************************************************************************************************Début des carre & ul & il*******************************************************************************************************************/

      .carre
	  {
	  list-style-type:disc;
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  padding:0px 0px 0px 30px; /* top right bottom left */
	  color:#FF0000; /* couleur du texte */
	  }

	  ul li 
	  {
	  text-decoration: none;
	  }
/********************************************************************************************************************Fin des  des carre & ul & il****************************************************************************************************************/

/********************************************************************************************************************Début du texte gauche, centrer et droite****************************************************************************************************/

      .texte_gauche
	  {
	  text-align:left; /* aligner un mot */
	  }

      .texte_centrer
	  {
	  text-align:center; /* aligner un mot */
	  }

      .texte_droite
	  {
	  text-align:right; /* aligner un mot */
	  }

      .texte_droite1
	  {
	  float:right;/* aligner le bloque right*/
	  padding:0px 8px 0px 0px; /* top right bottom left */
	  }


/********************************************************************************************************************Fin du texte gauche, centrer et droite******************************************************************************************************/
/********************************************************************************************************************Début des pagination************************************************************************************************************************/

	  .pagination
	  {
	  }
	  .pagination_actuelle
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 1px 1px 1px; /* top right bottom left */
	  background-color:#BFD73B; /* Couleur de fond */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  border-radius:50%;
	  width:50px;
	  height:50px;
	  text-align:center;
	  color:#FF0000;
	  font-weight: bold;
	  }

	  .pagination_suivant
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 1px 1px 1px; /* top right bottom left */
	  background-color:#BFD73B; /* Couleur de fond */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  border-radius:50%;
	  width:50px;
	  height:50px;
	  text-align:center;
	  font-weight: bold;
	  }

/********************************************************************************************************************Fin des pagination**************************************************************************************************************************/


/********************************************************************************************************************Début des parentes**************************************************************************************************************************/

      .parente div
	  {
	  display:inline-block;
	  }

/********************************************************************************************************************Fin des parentes****************************************************************************************************************************/

/********************************************************************************************************************Début des cadres transparent & visible******************************************************************************************************/

	  .cadre_transparent
	  {
	  margin:10px 0px 10px 0px; /* top right bottom left */
	  }

	  .cadre_visible
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 1px 1px 1px; /* top right bottom left */
	  margin:10px 0px 10px 0px; /* top right bottom left */
	  }

/********************************************************************************************************************Fin des cadres transparent & visible********************************************************************************************************/

/********************************************************************************************************************Début des cadres left & right***************************************************************************************************************/

	  .cadre_left
	  {
	  float:left;/* aligner le bloque left*/
	  width:355px; /* longueur du cadre */
	  margin:0px 0px 10px 0px; /* top right bottom left */
	  }

	  .cadre_right
	  {
	  margin:0px 0px 10px 375px; /* top right bottom left */
	  width:390px; /* longueur du cadre */
	  }
/********************************************************************************************************************Fin des cadres left & right*****************************************************************************************************************/
/********************************************************************************************************************Début des titre & contenu*******************************************************************************************************************/

 	  .titre
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 1px 0px; /* top right bottom left */
	  background-color:#BFD73B; /* Couleur de fond */
	  margin:-8px -8px 8px -8px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  }
 	  .titre_formulaire
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 1px 0px; /* top right bottom left */
	  background-color:#BFD73B; /* Couleur de fond */
	  margin:-16px -8px 0px -8px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  }
	  .contenu
	  {
	  background-color:#F0F0F2; /* Couleur de fond */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  }

 	  .titre_forum
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 0px; /* top right bottom left */
	  background-color:#BFD73B; /* Couleur de fond */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  padding:8px 0px 8px 8px; /* top right bottom left */
	  }
	  .contenu_forum
	  {
	  background-color:#F0F0F2; /* Couleur de fond */
/*	  margin:0px -8px 0px -8px; /* top right bottom left */
/*	  padding:0px 0px 0px 0px; /* top right bottom left */
/*	  border-color:#000; /* on affiche la couleur de la bordure */
/* 	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width:1px 1px 1px 1px; /* top right bottom left */
	  }




/********************************************************************************************************************Fin des titre & contenu*********************************************************************************************************************/

/********************************************************************************************************************Début inscription***************************************************************************************************************************/

	  .inscription
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 1px 0px; /* top right bottom left */
	  margin:0px -8px 0px -8px; /* top right bottom left */
	  padding:0px 0px 0px 0px; /* top right bottom left */
	  }

	  .inscriptionnot
	  {
	  margin:0px -8px 0px -8px; /* top right bottom left */
	  padding:0px 0px 0px 0px; /* top right bottom left */
	  }
	  .inscription1
	  {
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:32px; /* minimum largeur du cadre */
	  width:169px; /* longueur du cadre */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  }

	  .inscription2
	  {
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:32px; /* minimum largeur du cadre */
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  width:280px; /* longueur du cadre */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  }

	  .inscription3
	  {
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:32px; /* minimum largeur du cadre */
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  width:230px; /* longueur du cadre */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  }

	  .inscription4
	  {
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:32px; /* minimum largeur du cadre */
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  width:18px; /* longueur du cadre */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  }

	  .prie
	  {
	  color:#cc0000; /* couleur du texte */
	  }

	  .libre
	  {
	  color:#2F8509; /* couleur du texte */
	  }

/********************************************************************************************************************Fin inscription*****************************************************************************************************************************/

/********************************************************************************************************************Début formulaire****************************************************************************************************************************/

	  .formulaire
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 1px 0px; /* top right bottom left */
	  padding:0px 0px 0px 0px; /* top right bottom left */
	  margin:-8px -8px 8px -8px; /* top right bottom left */
	  }

	  .formulaire_left
	  {
	  float:left;/* aligner le bloque left*/
	  width:150px; /* longueur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  }

	  .formulaire_right
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 0px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px 159px; /* top right bottom left */
	  }

	  .formulaire_pointiller_right
	  {
	  min-height:40px; /* mini largeur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 1px 1px; /* top right bottom left */
	  padding:8px 0px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px 159px; /* top right bottom left */
	  }

	  .formulaire_pointiller_right1
	  {
	  min-height:40px; /* mini largeur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 0px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px 159px; /* top right bottom left */
	  }

/********************************************************************************************************************Fin formulaire******************************************************************************************************************************/

/********************************************************************************************************************Début submit********************************************************************************************************************************/

	  .submit
	  {
	  text-align:center; /* aligner un mot */
	  padding:8px 0px 0px 0px; /* top right bottom left */
	  }

/********************************************************************************************************************Fin submit**********************************************************************************************************************************/
/********************************************************************************************************************Début des hovers****************************************************************************************************************************/
/********************************Forum******************************************************************************/

      .hover_du_categorie_forum
	  {
	  }

      .hover_du_categorie_forum:hover
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 0px 0px 0px; /* top right bottom left */
	  background-color:#CCC;
	  
	  }

	  .hover_du_categorie_noforum
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 0px 0px 0px; /* top right bottom left */
	  margin:0px 0px 0px 0px;
	  }

	  .hover_du_categorie_noforum:hover
	  {
	  background-color:#CCC;
	  }




/*      .hover_du_categorie_forum
	  {
/*	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width:1px 0px 0px 0px; /* top right bottom left */
/*	  margin:0px 0px 0px 0px; /* top right bottom left */
/*	  padding:0px 0px 0px 0px; /* top right bottom left */
/*	  }

      .hover_du_categorie_forum:hover
	  {
/*	  border-color:#000; /* on affiche la couleur de la bordure */
/*    border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width:1px 0px 0px 0px; /* top right bottom left */
/*	  margin:0px 0px 0px 0px; /* top right bottom left */
/*	  padding:0px 0px 0px 0px; /* top right bottom left */
/*	  }

	  .hover_du_categorie_noforum
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width:1px 0px 1px 0px; /* top right bottom left */
/*	  margin:40px -8px -40px -8px; /* top right bottom left */
/*	  padding:0px 0px 0px 0px; /* top right bottom left */
/*	  }

	  .hover_du_categorie_noforum:hover
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width:1px 0px 1px 0px; /* top right bottom left */
/*	  margin:40px -8px 40px -8px; /* top right bottom left */
/*	  padding:0px 0px 0px 0px; /* top right bottom left */
/*	  background-color:#CCC;  /* Couleur de fond */
/*	  }

/********************************Messagerie*************************************************************************/

      .hover_du_categorie_mp
	  {
	  background-color:#F0F0F0; /* Couleur de fond */
	  }

      .hover_du_categorie_mp:hover
	  {
	  background-color:#CCC; /* Couleur de fond */
	  }

	  .hover_du_categorie_nomp
	  {
	  }

/********************************************************************************************************************Fin des hovers******************************************************************************************************************************/

/********************************************************************************************************************Début des cadres index Forum****************************************************************************************************************/

      .index_systeme_lu_non_lu
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  padding:16px 8px 8px 8px; /* top right bottom left */
	  width:30px; /* longueur du cadre */
	  vertical-align:top; /* Aligne le texte en haut */
/*	  min-height:76px; /* mini largeur du cadre */
	  }

      .index_categorie
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  width:337px; /* longueur du cadre */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:76px; /* mini largeur du cadre */
	  }

      .index_rep_vue
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  width:90px; /* longueur du cadre */
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:76px; /* mini largeur du cadre */
	  }

      div .index_auteur
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  width:40px; /* longueur du cadre */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:76px; /* mini largeur du cadre */
	  }

      .index_dernier_message
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  width:186px; /* longueur du cadre */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:76px; /* mini largeur du cadre */
	  }

/********************************************************************************************************************Fin des cadres index Forum******************************************************************************************************************/

/********************************************************************************************************************Début des cadres Voirtopic Forum************************************************************************************************************/

      .topic_systeme_lu_non_lu
	  {
	  vertical-align:top; /* Aligne le texte en haut */
	  padding:8px 0px 8px 8px; /* top right bottom left */
	  width:30px; /* longueur du cadre */
	  min-height:40px; /* mini largeur du cadre */
	  }

      .topic_emoticone
	  {
	  vertical-align:top; /* Aligne le texte en haut */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 0px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  width:30px; /* longueur du cadre */
	  min-height:40px; /* mini largeur du cadre */
	  }

      .topic_sujet
	  {
	  vertical-align:top; /* Aligne le texte en haut */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 0px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  width:320px; /* longueur du cadre */
	  min-height:40px; /* mini largeur du cadre */
	  }

      .topic_rep_vue
	  {
	  vertical-align:top; /* Aligne le texte en haut */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 0px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  width:90px; /* longueur du cadre */
	  min-height:40px; /* mini largeur du cadre */
	  }

      .topic_auteur
	  {
	  vertical-align:top; /* Aligne le texte en haut */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 0px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  width:40px; /* longueur du cadre */
	  min-height:40px; /* mini largeur du cadre */
	  }

      .topic_dernier_message
	  {
	  vertical-align:top; /* Aligne le texte en haut */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 0px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  min-height:40px; /* mini largeur du cadre */
	  }

/********************************************************************************************************************Fin des cadres Voirtopic Forum**************************************************************************************************************/

/********************************************************************************************************************Début des cadres Messagerie Privé***********************************************************************************************************/

      div .mp_supprimer
	  {
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  width:30px; /* longueur du cadre */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:70px; /* mini largeur du cadre */
	  }

      div .mp_de_a
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  width:40px; /* longueur du cadre */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:70px; /* mini largeur du cadre */
	  }

      div .mp_avatar
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  width:40px; /* longueur du cadre */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:70px;  /* mini largeur du cadre */
	  }

      div .mp_info
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  margin:0px -4px 0px -4px; /* top right bottom left */
	  width:130px; /* longueur du cadre */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:70px; /* mini largeur du cadre */
	  }

      div .mp_lu_nonlu
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  margin:0px -4px 0px 0px; /* top right bottom left */
	  width:40px; /* longueur du cadre */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:70px; /* mini largeur du cadre */
	  }

      div .mp_titre
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  margin:0px -4px 0px 0px; /* top right bottom left */
	  width:130px; /* longueur du cadre */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:70px; /* mini largeur du cadre */
	  }

      div .mp_date
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  width:180px; /* longueur du cadre */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:70px; /* mini largeur du cadre */
	  }

      div .mp_nbpage
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  width:66px; /* longueur du cadre */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:70px; /* mini largeur du cadre */
	  }

/********************************************************************************************************************Fin des cadres Messagerie Privé*************************************************************************************************************/

/********************************************************************************************************************Début News MP*******************************************************************************************************************************/

      .contour_newmp 
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 1px 1px 1px; /* top right bottom left */
	  background-color:#FFC58A; /* Couleur de fond */
	  margin:10px 0px 10px 0px; /* top right bottom left */
	  }

	  .contour_newmp:hover
	  {
	  background-color:#FFB755; /* Couleur de fond */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 1px 1px 1px; /* top right bottom left */
	  }

	  .contour_mplock 
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 1px 1px 1px; /* top right bottom left */
	  background-color:#FFD9F8; /* Couleur de fond */
	  }

	  .contour_mplock:hover
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 1px 1px 1px; /* top right bottom left */
	  background-color:#FFCEF0; /* Couleur de fond */
	  }

/********************************************************************************************************************Fin News MP*********************************************************************************************************************************/

/********************************************************************************************************************Début des Avavatars*************************************************************************************************************************/

      .super_mini_avatar_inscrit
	  {
	  max-width:34px; /* max longueur du cadre */
	  max-height:34px; /* max largeur du cadre */
	  }
      .mini_avatar_messagerie
	  {
	  max-width:33px; /* max longueur du cadre */
	  max-height:41px; /* max largeur du cadre */
	  }
		
		.avatar_top_menu
	  {
	  max-width:75px; /* max longueur du cadre */
	  max-height:75px; /* max largeur du cadre */
	  }

/********************************************************************************************************************Fin des Avavatars***************************************************************************************************************************/

/********************************************************************************************************************Début des commentaires poster***************************************************************************************************************/

 	  .commentaire
	  {
	  padding:0px 0px 0px 0px; /* top right bottom left */
	  margin:-8px -8px -8px -8px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  overflow:hidden;
	  }


	  .message_commentaire
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  margin:-8px -8px -8px -8px; /* top right bottom left */
	  padding:0px 0px 0px 0px; /* top right bottom left */
	  min-height:346px; /* mini largeur du cadre */
	  overflow:auto;
	  }

      .avatar_commentaire
	  {
	  float:left;/* aligner le bloque left*/
	  width:170px; /* longueur du cadre */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  min-height:320px;  /* mini largeur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  }

      .commentaire_avatar
	  {
	  float:left;/* aligner le bloque left*/
	  width:170px; /* longueur du cadre */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  min-height:380px;  /* mini largeur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  }

	  .commentaire_message
	  {
	  min-height:372px; /* mini largeur du cadre */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px 178px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 1px; /* top right bottom left */
	  }

	  .commentaire_message1
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  margin:-8px -8px 8px -8px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  }

	  .commentaire_message2
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 0px 0px 0px; /* top right bottom left */
	  margin:-8px -8px 8px -8px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  min-height:282px;
	  }

	  .commentaire_message3
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 0px 0px 0px; /* top right bottom left */
	  margin:-8px -8px 8px -8px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  }

	  .commentaire_message4
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 0px 0px 0px; /* top right bottom left */
	  margin:-8px -8px 8px -8px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  }


	  .commentaire_message5
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 0px 0px 0px; /* top right bottom left */
	  margin:-8px -8px 8px -8px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  }


	  .commentaire_message6
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 1px 1px; /* top right bottom left */
	  margin:-8px -8px 8px -8px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  }





	  .commentaire_sujet
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 1px 1px; /* top right bottom left */
	  margin:-8px -8px 8px -8px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  }

	  .commentaire_editer
	  {
	  text-align:right; /* aligner un mot */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 0px 0px 1px; /* top right bottom left */
	  margin:0px 0px 0px 178px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  }

	  .commentaire_signature
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 0px 0px 1px; /* top right bottom left */
	  margin:0px 0px 0px 178px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  }

	  .commentaire_motif
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 0px 0px 1px; /* top right bottom left */
	  margin:0px 0px 0px 178px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  }

	  .commentaire_suprimer
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 0px 0px 1px; /* top right bottom left */
	  margin:0px 0px 0px 180px; /* top right bottom left */
	  padding:0px 0px 0px 178px; /* top right bottom left */
	  text-align:right; /* aligner un mot */
	  width:568px; /* longueur du cadre */
	  }





/********************************************************************************************************************Fin des commentaires poster*****************************************************************************************************************/

/********************************************************************************************************************Début des pointillés************************************************************************************************************************/

	  .pointiller1
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 1px 0px; /* top right bottom left */
	  margin:0px 0px 0px -8px; /* top right bottom left */
	  padding:4px 0px 4px 4px; /* top right bottom left */
	  width:565px; /* longueur du cadre */
	  }
	  .nopointiller1
	  {
	  margin:0px 0px 0px -8px; /* top right bottom left */
	  padding:4px 0px 4px 4px; /* top right bottom left */
	  width:565px; /* longueur du cadre */
	  }
	  .pointiller2
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 0px 0px 0px; /* top right bottom left */
	  margin:-16px 0px 8px 0px; /* top right bottom left */
	  padding:8px 0px 8px 8px; /* top right bottom left */
	  }

	  .nopointiller2
	  {
	  margin:0px -8px 0px -8px; /* top right bottom left */
	  padding:8px 0px 8px 8px; /* top right bottom left */
	  }

	  .pointiller3
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 1px 0px; /* top right bottom left */
	  margin:8px 8px 8px -8px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  width:162px; /* longueur du cadre */
	  }

	  .nopointiller3
	  {
	  margin:8px 8px 8px -8px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  width:162px; /* longueur du cadre */
	  }


/********************************************************************************************************************Fin des pointillés**************************************************************************************************************************/

/********************************************************************************************************************Début des contenaires***********************************************************************************************************************/

      .container_menue
	  {
	  margin:8px 0px 8px 0px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  padding:0px 0px 0px 0px; /* top right bottom left */
	  }

      .container_info
	  {
	  margin:-10px 0px 8px 0px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 0px 1px 1px; /* top right bottom left */
	  padding:0px 0px 0px 0px; /* top right bottom left */
	  }


      .global_container
	  {
	  margin:-9px 0px 8px 0px; /* top right bottom left */
	  padding:0px 0px 0px 0px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 1px 1px; /* top right bottom left */
	  }

	  .container_visible
	  {
	  background-color:#FFFFFF; /* Couleur de fond */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 0px 1px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  cursor:pointer;
	  }

	  .container_transparent
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 1px 1px; /* top right bottom left */
	  background-color:#BFD73B; /* Couleur de fond */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  cursor:pointer;
	  }

	  .container_left
	  {
	  float:left;/* aligner le bloque left*/
	  width:220px;; /* longueur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  }

	  .container_right
	  {
	  margin:0px 0px 0px 222px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  }


	  .sous_container_transparent
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 1px 1px; /* top right bottom left */
	  text-decoration:none;
      background-color:#BFD73B; /* Couleur de fond */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  }
	  .sous_container_visible 
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
 	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 1px 0px 1px; /* top right bottom left */
	  background-color:#FFFFFF; /* Couleur de fond */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  }




/*      .contenu_membre
	  {
	  margin:0px 0px 0px 0px; /* top right bottom left */
/*	  padding:0px 0px 0px 0px; /* top right bottom left */
/*	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width:0px 0px 0px 0px; /* top right bottom left */
/*	  }




     .container_border_top
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 1px 0px 1px 1px; /* top right bottom left */
/*	  margin:-2px -8px 8px 0px; /* top right bottom left */
/*	  padding:15px 0px 10px 0px; /* top right bottom left */
/*	  }
     .container_border_bottom
	  {
	  margin:-10px 0px 9px 114px;  /* top right bottom left */
/*	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 0px 0px; /* top right bottom left */
/*	  }
     .container_border_left
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 0px 0px; /* top right bottom left */
/*	  margin:-10px 0px -1px 0px; /* top right bottom left */
/*	  width:17px; /* longueur du cadre */
/*	  }
     .sous_container_border_top
	  {
	  margin:-4px 0px 5px 0px; /* top right bottom left */
/*	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 1px 1px 0px 1px; /* top right bottom left */
/*	  padding:15px 0px 0px 0px; /* top right bottom left */
/*	  }

     .sous_container_border_bottom1
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 1px 0px; /* top right bottom left */
/*	  margin:-9px 0px 0px 381px; /* top right bottom left */
/*	  }

     .sous_container_border_bottom2
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 1px 0px; /* top right bottom left */
/*	  margin:-4px 0px 0px 505px; /* top right bottom left */
/*	  }


     .sous_container_border_bottom3
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 1px 0px; /* top right bottom left */
/*	  margin:-4px 0px 0px 235px; /* top right bottom left */
/*	  }


     .sous_container_border_bottom4
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 1px 0px; /* top right bottom left */
/*	  margin:-4px 0px 0px 248px; /* top right bottom left */
/*	  }

     .sous_container_border_bottom5
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
 /* 	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 1px 0px; /* top right bottom left */
/*	  margin:-4px 0px 0px 270px; /* top right bottom left */
/*	  }

     .sous_container_border_bottom6
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
 /* 	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 1px 0px; /* top right bottom left */
/*	  margin:-4px 0px 0px 430px; /* top right bottom left */
/*	  }

     .sous_container_border_bottom7
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
	/*  border-width: 0px 0px 1px 0px; /* top right bottom left */
/*	  margin:-4px 0px 0px 175px; /* top right bottom left */
/*	  }

     .sous_container_border_bottom8
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 1px 0px; /* top right bottom left */
/*	  margin:-4px 0px 0px 292px; /* top right bottom left */
/*	  }

     .sous_container_border_bottom9
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 1px 0px; /* top right bottom left */
/*	  margin:-4px 0px 0px 190px; /* top right bottom left */
/*	  }
     .sous_container_border_bottom10
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 1px 0px; /* top right bottom left */
/*	  margin-left:645px;
/*	  margin-top:-4px; /* top right bottom left */
/*	  }

     .sous_container_border_bottom11
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
 /* 	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 1px 0px; /* top right bottom left */
/*	  margin:-4px 0px 0px 688px; /* top right bottom left */
/*	  }

     .sous_container_border_bottom12
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 1px 0px; /* top right bottom left */
/*	  margin:-4px 0px 0px 355px; /* top right bottom left */
/*	  }

     .sous_container_border_bottom13
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 1px 0px; /* top right bottom left */
/*	  margin:-4px 0px 0px 175px; /* top right bottom left */
/*	  }

     .sous_container_border_bottom14
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
 /* 	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 1px 0px; /* top right bottom left */
	/*  margin:-4px 0px 0px 607px; /* top right bottom left */
/*	  }

     .sous_container_border_bottom15
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 1px 0px; /* top right bottom left */
/*	  margin:-4px 0px 0px 178px;
	  }

     .sous_container_border_bottom16
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
 /* 	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 1px 0px; /* top right bottom left */
/*	  margin:-4px 0px 0px 190px; /* top right bottom left */
/*	  }

     .sous_container_border_left
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 1px 0px; /* top right bottom left */
/*	  margin:-1px 0px -1px 0px; /* top right bottom left */
/*	  width:13px; /* longueur du cadre */
	  }

 /*     .sous_contenu_membre
	  {
/*	  margin:-4px 0px 10px 10px; /* top right bottom left */
/*	  padding:20px 0px 20px 10px; /* top right bottom left */
/*	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 1px 1px 1px 1px; /* top right bottom left */
/*	  }

/********************************************************************************************************************Fin des contenaires*************************************************************************************************************************/

/********************************************************************************************************************Début des sondages**************************************************************************************************************************/
/********************************Début de la progrésion*************************************************************/

      .sondage_progression
	  {
	  height:8px;  /* mini largeur du cadre */
	  }

/********************************Fin de la progrésion***************************************************************/
/********************************Début liste************************************************************************/

      .sondage_titre
	  {
	  margin:0px 0px 0px -8px; /* top right bottom left */
	  width:238px; /* longueur du cadre */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  }

      .sondage_question
	  {
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  width:30px; /* longueur du cadre */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  }

      .sondage_auteur
	  {
	  margin:0px 0px 0px -6px; /* top right bottom left */
	  width:60px; /* longueur du cadre */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  }

      .sondage_date
	  {
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  width:172px; /* longueur du cadre */
 	  padding:8px 8px 8px 8px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  }

      .sondage_illimiter
	  {
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  width:100px; /* longueur du cadre */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  }

      .sondage_actif_inactif
	  {
	  margin:0px 0px 0px -4px; /* top right bottom left */
 	  width:60px; /* longueur du cadre */
 	  padding:8px 8px 8px 8px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  }



/********************************Fin liste**************************************************************************/
/********************************Début panel************************************************************************/

      .panel_question_sondage
	  {
	  width:217px;
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 1px 1px; /* top right bottom left */
	  margin:0px 0px 0px -2px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  word-wrap:break-word;
	  }

      .panel_auteur_sondage
	  {
	  width:60px;
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 1px 1px; /* top right bottom left */
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  word-wrap:break-word;
	  }

      .panel_date_sondage
	  {
	  width:175px;	  	  
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 1px 1px; /* top right bottom left */
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  word-wrap:break-word;
	  }

      .panel_vote_sondage
	  {
	  width:30px;
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 1px 1px; /* top right bottom left */
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  word-wrap:break-word;
	  }

      .panel_fin_sondage
	  {
	  width:100px;
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 1px 1px; /* top right bottom left */
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  word-wrap:break-word;
	  }

      .panel_etat_sondage
	  {
	  width:50px;	  	  
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 1px 1px; /* top right bottom left */
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  word-wrap:break-word;
	  }

      .panel_action_sondage
	  {
	  width:100px;
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 1px 1px; /* top right bottom left */
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  word-wrap:break-word;
	  }



/********************************Fin panel**************************************************************************/






/********************************************************************************************************************Fin de la progrésion des sondages***********************************************************************************************************/

/********************************************************************************************************************Début du calendrier index*******************************************************************************************************************/

	  .calendrier_suivant_precedent
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 0px 1px; /* top right bottom left */
	  padding:0px 0px 0px 0px; /* top right bottom left */
	  margin:0px 14px 0px 0px; /* top right bottom left */
	  }

	  .mois_precedent_sivant
	  {
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:30px; /* mini largeur du cadre */
	  width:120px; /* longueur du cadre */
	  text-align:center; /* aligner un mot */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  padding:2px 2px 2px 2px; /* top right bottom left */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  }

	  .mois_annee
	  {
	  vertical-align:top; /* Aligne le texte en haut */
	  width:98px; /* longueur du cadre */
	  text-align:center; /* aligner un mot */
	  min-height:30px;  /* mini largeur du cadre */
	  line-height:30px;
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  padding:2px 2px 2px 2px; /* top right bottom left */
	  margin:0px -4px 0px -4px /* top right bottom left */
	  }

	  .jours_calendrier
	  {
	  background-color:#BFD73B; /* Couleur de fond */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 1px 1px; /* top right bottom left */
	  padding:0px 0px 0px 0px; /* top right bottom left */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  width:356px;
	  }

	  .semaine_calendrier
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  margin:0px -4px 0px 0px; /* top right bottom left */
	  width:35px; /* longueur du cadre */
	  text-align:center; /* aligner un mot */
	  }

	  .date_calendrier
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 1px 0px 0px; /* top right bottom left */
	  padding:0px 0px 0px 0px; /* top right bottom left */
	  margin:0px 14px 0px 0px; /* top right bottom left */
/*	  width:45px; */
/*	  min-height:20px; */
/*	  text-align:center; */
	  }

     

	  .calendrier_jours
	  {
	  background-color:#00FF33; /* Couleur de fond */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 1px 1px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  margin:0px 0px 0px 0px; /* top right bottom left */
	  width:34px; /* longueur du cadre */
	  min-height:22px; /* mini largeur du cadre */
	  text-align:center; /* un mot centrer */
	  }

      .calendrier_jours_ferie
	  {
	  background-color:#F9513E; /* Couleur de fond */
	  color:#FFB693;
/*	  border-style: solid;
	  border-width:0px 1px 0px 1px; /* top right bottom left */
/*	  padding:8px 8px 8px 8px; /* top right bottom left */
/*	  margin:0px 0px 0px 0px; /* top right bottom left */
/*	  width:35px;
	  min-height:22px; 
	  text-align:center; */
	  }
	  	
		
      .avant_apres_jours_calendrier
	  {
		  vertical-align:top; /* Aligne le texte en haut */
		  background-color:#999999; /* Couleur de fond */
		  border-color:#000; /* on affiche la couleur de la bordure */
		  border-style: solid; /*  on affiche le style de l'a bordure */
		  border-width:0px 0px 1px 1px; /* top right bottom left */
		  padding:8px 8px 8px 8px; /* top right bottom left */
		  margin:0px 0px 0px 0px; /* top right bottom left */
		  width:34px; /* longueur du cadre */
		  min-height:22px; /* mini largeur du cadre */
		  text-align:center; /* un mot centrer */
	  }


      .calendrier_jours_passe
	  {
/*	  vertical-align:top;  */
	  background-color:#E1FFA4; /* Couleur de fond */
/*	  border-style: solid;
	  border-width:0px 1px 0px 0px; /* top right bottom left */
/*	  padding:8px 8px 8px 8px; /* top right bottom left */
/*	  margin:0px 0px 0px 0px; /* top right bottom left */
/*	  width:36px;
/*	  min-height:22px; */
	  }
		calendrier_jours_weekend_passe {
			 background-color:#F66; /* Couleur de fond */
	  		color:#FFB693;
		}
      .calendrier_jours_avenir
	  {
	  background-color:#E1FFA4; /* Couleur de fond */
/*	  border-style: solid;
	  border-width:0px 0px 0px 0px; /* top right bottom left */
/*	  padding:8px 8px 8px 8px; /* top right bottom left */
/*	  margin:0px 0px 0px 0px; /* top right bottom left */
/*	  width:45px; */
/*	  min-height:22px;*/
	  } 

      .calendrier_jours_actuel
	  {
	  color:#333; /* couleur du texte */
	  background-color:#C2FA41; /* Couleur de fond */
/*	  border-color:#C48000;
/*	  border-style: solid;
	  border-width:0px 0px 0px 0px; /* top right bottom left */
/*	  padding:8px 8px 8px 8px; /* top right bottom left */
/*	  margin:0px 0px 0px 0px; /* top right bottom left */
/*	  width:32px;*/
/*	  min-height:22px; */
	  }

    .calendrier_jours_sortie
	  {
	  color:#0CF; /* couleur du texte */
	  background-color:#CCD7FF; /* Couleur de fond */
/*	  border-style: solid;
	  border-width:0px 0px 0px 0px; /* top right bottom left */
/*	  padding:0px 0px 0px 0px; /* top right bottom left */
/*	  margin:0px 0px 0px 0px; /* top right bottom left */
/*	  width:35px;
	  min-height:20px;*/
	  }

      .calendrier_jours_event
	  {
	  background-color:#46008C; /* Couleur de fond */
	  color:#FFFFFF;
/*	  border-style: solid;
	  border-width:0px 1px 0px 1px; /* top right bottom left */
/*	  padding:8px 8px 8px 8px; /* top right bottom left */
/*	  margin:0px 0px 0px 0px; /* top right bottom left */
/*	  width:36px;
	  min-height:22px; */
	  }

    .calendrier_jours_birthday
	  {
	  color:#FFF; /* couleur du texte */
	  background-color:#06C; /* Couleur de fond */
/*	  border-style: solid;
	  border-width:0px 0px 0px 0px; /* top right bottom left */
/*	  padding:0px 0px 0px 0px; /* top right bottom left */
/*	  margin:0px 0px 0px 0px; /* top right bottom left */
/*	  width:35px;
	  min-height:20px; */
	  }

/********************************************************************************************************************Fin du calendrier index*********************************************************************************************************************/

/********************************************************************************************************************Début des listes equipes & membres**********************************************************************************************************/
	  
      .equipe_membre
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 1px 0px; /* top right bottom left */
	  margin:-8px -8px 8px -8px; /* top right bottom left */
	  }

	  .membre_avatar
	  {
	  width:100px; /* longueur du cadre */
	  min-height:100px; /* mini largeur du cadre */
	  vertical-align:top; /* Aligne le texte en haut */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  }
	  
	  .membre_info
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 1px 0px 1px; /* top right bottom left */
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  width:561px; /* longueur du cadre */
	  min-height:100px; /* mini largeur du cadre */
	  vertical-align:top;
	  }

	  .membre_voir_profil
	  {
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 0px; /* top right bottom left */
	  width:76px; /* longueur du cadre */
	  min-height:100px; /* mini largeur du cadre */
	  vertical-align:top; /* Aligne le texte en haut */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  }
	  
	  
/********************************************************************************************************************Fin des listes equipes & membres************************************************************************************************************/

/********************************************************************************************************************Début des listes****************************************************************************************************************************/

	  .liste
	  {
	  vertical-align:top; /* Aligne le texte en haut */
	  display:inline-block;
	  margin:0px 4px 8px 0px; /* top right bottom left */
	  width:170px;/* longueur du cadre */
	  padding:8px 8px 0px 8px; /* top right bottom left */
	  min-height:80px; /* mini largeur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 1px 1px 1px; /* top right bottom left */
	  }

      .liste_des_images
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 0px; /* top right bottom left */
	  min-height:60px; /* mini largeur du cadre */
	  max-width:80px; /* max longueur du cadre */
	  max-height:50px; /* max longueur du cadre */
	  }
      .contenu_images
	  {
	  min-height:80px;  /* mini largeur du cadre */
	  text-align:center; /* aligner un mot centrer */
	  }
	  
	  .nombre_tutos
	  {
	  padding:8px 9px 8px 8px; /* top right bottom left */
	  margin:-8px -8px 0px -8px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 0px 0px 0px; /* top right bottom left */
	  background-color:#BFD73B; /* Couleur de fond */
	  }


/********************************************************************************************************************Fin des listes******************************************************************************************************************************/
/********************************************************************************************************************Début des news******************************************************************************************************************************/
      .image_news
	  {
	  margin:-8px 2px 8px -8px; /* top right bottom left */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:30px; /* mini largeur du cadre */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  width:30px;/* longueur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 0px; /* top right bottom left */
	  }

      .titre_news
	  {
	  margin:-8px 2px 8px -8px; /* top right bottom left */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:30px; /* mini largeur du cadre */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  width:299px;/* longueur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  }

      .categorie_news
	  {
	  margin:-8px 2px 8px -8px; /* top right bottom left */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:30px; /* mini largeur du cadre */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  width:40px;/* longueur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 0px; /* top right bottom left */
	  }


      .auteur_news
	  {
	  margin:-8px 2px 8px -8px; /* top right bottom left */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:30px;  /* mini largeur du cadre */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  width:85px;/* longueur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 0px; /* top right bottom left */
	  }

      .visite_news
	  {
	  margin:-8px 2px 8px -8px; /* top right bottom left */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:30px; /* mini largeur du cadre */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  width:35px;/* longueur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 0px; /* top right bottom left */
	  }

      .date_news
	  {
	  margin:-8px 2px 8px -8px; /* top right bottom left */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:30px; /* mini largeur du cadre */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  width:178px;/* longueur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 0px; /* top right bottom left */
	  }

      .commenter_news
	  {
	  margin:-8px 2px 8px -8px; /* top right bottom left */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:30px; /* mini largeur du cadre */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  width:30px;/* longueur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 0px; /* top right bottom left */
	  }

      .news_couleur
	  {
	  margin:-16px 0px 8px 0px; /* top right bottom left */
	  background:#FF0000;
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 0px 0px 0px; /* top right bottom left */
	  }
      .news_normal
	  {
	  margin:-16px 0px 8px 0px; /* top right bottom left */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 0px 0px 0px; /* top right bottom left */
	  }


/********************************************************************************************************************Fin des news********************************************************************************************************************************/


/********************************************************************************************************************Début des tutos & cous**********************************************************************************************************************/
      .tutos_cours_titre
	  {
	  margin:0px 0px 0px -8px; /* top right bottom left */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:30px; /* mini largeur du cadre */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  width:340px;/* longueur du cadre */
	  min-height:30px; /* largeur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  }

      .tutos_cours_auteur
	  {
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:30px; /* largeur du cadre */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  width:90px;/* longueur du cadre */
	  min-height:30px;  /* mini largeur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  }

      .tutos_cours_visite
	  {
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:30px; /* mini largeur du cadre */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  width:40px;/* longueur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  }


      .tutos_cours_date
	  {
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  vertical-align:top; /* Aligne le texte en haut */
	  min-height:30px /* mini largeur du cadre */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  width:173px;/* longueur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  }

      .tutos_cours_commentaire
	  {
	  margin:0px 0px 0px -4px; /* top right bottom left */
	  vertical-align:top; /* Aligne le texte en haut */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  min-height:30px; /* mini largeur du cadre */
	  width:35px;/* longueur du cadre */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  }
/********************************Début detaille tuto & cours********************************************************/
      .information
	  {
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 0px; /* top right bottom left */
	  padding:8px 0px 0px 0px; /* top right bottom left */
	  margin:-8px -8px 8px -8px; /* top right bottom left */
	  }
      .information_avatar_tuto_cours_sondage
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 0px; /* top right bottom left */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  margin:-8px -4px 8px 0px; /* top right bottom left */
	  width:100px;/* longueur du cadre */
	  min-height:80px; /* mini largeur du cadre */
	  }

      .information_info_tuto_cours_sondage
	  {
	  vertical-align:top; /* Aligne le texte en haut */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 0px; /* top right bottom left */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  margin:-8px 0px 8px 0px; /* top right bottom left */
	  width:556px;/* longueur du cadre */
	  min-height:80px; /* mini largeur du cadre */
	  }

      .information_editer_tuto_cours_sondage
	  {
	  vertical-align:top; /* Aligne le texte en haut */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 0px; /* top right bottom left */
	  padding:8px 0px 0px 8px; /* top right bottom left */
	  margin:-8px 0px 8px 0px; /* top right bottom left */
	  width:80px;/* longueur du cadre */
	  min-height:80px; /* mini largeur du cadre */
	  }




/********************************Fin détaille tuto & cours**********************************************************/
/********************************************************************************************************************Fin des tutos & cous************************************************************************************************************************/
/********************************************************************************************************************Début du cadre bouttons*********************************************************************************************************************/

     ul#boutton 
	 {
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	 height : 40px;
	 padding:8px 8px 0px 8px;
	 margin:0px 0px 8px 0px;
	 list-style-type : none; /* Car sinon les puces se placent n'importe où */
	 }

	 ul#boutton li
	 {
	 padding :0 0.5em; /* Pour espacer les boutons entre eux */
	 }

	 li.bouton_gauche
	 {
	 float : left;
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	 }

	 li.bouton_droite
	 {
	 float : right;
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	 }

/********************************************************************************************************************Fin du cadre bouttons***********************************************************************************************************************/

      .citation
	  {
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 1px 1px 1px 1px; /* top right bottom left */
	  padding:8px 0px 0px 0px; /* top right bottom left */
	  }

/********************************************************************************************************************Début des Membres profil********************************************************************************************************************/
/********************************************************************************************************************Début de la page profil*********************************************************************************************************************/
/********************************Début du 1 contenaire**************************************************************/
/********Début Général**********/
      .detaille
	  {
	  margin:0px 0px 0px -10px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 1px 0px; /* top right bottom left */
	  padding:4px 4px 4px 4px; /* top right bottom left */
	  }

      .question
	  {
	  float:left;/* aligner le bloque left*/
	  width:120px;/* longueur du cadre */
	  }

      .reponse
	  {
	  margin:0px0 px 0px 127px; /* top right bottom left */
	  }




/********Fin Général************/
/********Début Personnel********/
/********Fin Personnel**********/
/********Début Apparence********/
/********Fin Apparence**********/
/********Début Style de vie*****/
/********Fin Style de vie*******/
/********Début Défaut***********/
/********Fin Défaut*************/
/********Début Qualité**********/
/********Fin Qualité************/
/********************************Fin du 1 contenaire****************************************************************/
/********************************Début du 2 contenaire**************************************************************/
/********Début Sport (valide)***/
/********Début éte**************/
/********Fin été****************/
/********Début hiver************/
/********Fin hiver**************/
/********Fin Sport (valide)*****/
/********Début Sport (handicapé)/
/********Début éte**************/
/********Fin été****************/
/********Début hiver************/
/********Fin hiver**************/
/********Fin Sport (handicapé)**/
/********Début Diver************/
/********Fin Diver**************/
/********Début Evenement********/
/********Fin Evenement**********/
/********************************Fin du 2 contenaire****************************************************************/
/********************************Début du 3 contenaire**************************************************************/
/********Début Annonce**********/
/********Fin Annonce************/
/********Début Description******/
/********Fin Description********/
/********Début Biographie*******/
/********Fin Biographie*********/
/********Début Signature********/
/********Fin Signature**********/
/********Début Citation*********/
/********Fin Citation***********/
/********************************Fin du 3 contenaire****************************************************************/

/********************************************************************************************************************Fin de la page profil***********************************************************************************************************************/
/********************************************************************************************************************Début de la page Editer*********************************************************************************************************************/
/********************************Début du 1 contenaire (profil)*****************************************************/
/********Début Profil***********/
/********Fin Profil*************/
/********Début Physiquement*****/
/********Fin Physiquement*******/
/********Début Apparence********/
/********Fin Aparence***********/
/********Début Style de vie*****/
/********Fin Style de vie*******/
/********Début Défaut***********/
/********Fin Défaut*************/
/********Début Qualité**********/
/********Fin Qualité************/
/********************************Fin du 1 contenaire (profil)********************************************************/
/********************************Début du 2 contenaire (sport)*******************************************************/
/********Début Sport (valide)***/
/********Début éte**************/
/********Fin été****************/
/********Début hiver************/
/********Fin hiver**************/
/********Fin Sport (valide)*****/
/********Début Sport (handicapé)/
/********Début éte**************/
/********Fin été****************/
/********Début hiver************/
/********Fin hiver**************/
/********Fin Sport (handicapé)**/
/********************************Fin du 2 contenaire (sport)*********************************************************/
/********************************Début du 3 contenaire (evenemenent)*************************************************/
/********Début Restaurant*******/
/********Fin Restaurant*********/
/********Début Musique**********/
/********Fin Musique************/
/********Début Film*************/
/********Fin Film***************/
/********************************Fin  du 3 contenaire (evenemenent)**************************************************/
/********************************Début du 4 contenaire (description)*************************************************/
/********Début Annonce**********/
/********Fin Annonce************/
/********Début Description******/
/********Fin Description********/
/********Début Biographie*******/
/********Fin Biographie*********/
/********Début Signature********/
/********Fin Signature**********/
/********Début Citation*********/
/********Fin Citation***********/
/********************************Fin du 4 contenaire (description)***************************************************/
/********************************Début du 5 contenaire (Divers)******************************************************/
/********Début Ma recherche*****/
/********Fin Ma recherche*******/
/********Début Style de vie*****/
/********Fin style de vie*******/
/********************************Fin du 6 contenaire (Divers)********************************************************/




















/********************************Début du 2 contenaire**************************************************************/

/********************************Fin du 2 contenaire****************************************************************/

/********************************Début du 3 contenaire**************************************************************/

/********************************Fin du 3 contenaire****************************************************************/



/***********Début éte******/
/***********Fin été**********/


/***********Début Hivers******/
/***********Fin Hivers**********/

/********************************Fin Sport************************************************************************/

/********************************Début evenement**********************************************************************/



/********************************Fin evenement**********************************************************************/

/********************************Début Description**********************************************************************/




/********************************Fin Description************************************************************************/

/********************************Début Que recherche tu**********************************************************************/
/********************************Fin Que recherches tu************************************************************************/










/********************************************************************************************************************Fin de la page Editer***********************************************************************************************************************/

/********************************************************************************************************************Début de la page Changer la photo***********************************************************************************************************/


/********************************************************************************************************************Fin de la page Changer la photo*************************************************************************************************************/

/********************************************************************************************************************Début de la page Parametre******************************************************************************************************************/


/********************************************************************************************************************Fin de la page Paramétre********************************************************************************************************************/

/********************************************************************************************************************Début de la page Mes options****************************************************************************************************************/


/********************************************************************************************************************Fin de la page Mes options******************************************************************************************************************/

/********************************************************************************************************************Début de la page Commentaires***************************************************************************************************************/


/********************************************************************************************************************Fin de la page Commentaires*****************************************************************************************************************/

/********************************************************************************************************************Début de la page Mes Amies******************************************************************************************************************/


/********************************************************************************************************************Fin de la page Mes Amies********************************************************************************************************************/












/********************************************************************************************************************Fin du profil*******************************************************************************************************************************/

/********************************************************************************************************************Début des activités*************************************************************************************************************************/
/********************************Début Ajouter**********************************************************************/

       .organisateur_video
	  {
	  margin-left:5px;
	  vertical-align:top;
	  min-height:150px;
	  display:inline-block;
	  width:250px;
	  color:#000000;
	  background-color:#00FF00;
	  overflow:auto;
	  border:thin dotted #000000;
	  }



/********************************Fin Ajouter************************************************************************/
/********************************Début liste sortie*****************************************************************/





/********************************Fin liste sortie*******************************************************************/
/********************************Début mon journal******************************************************************/



/********************************Fin mon journal********************************************************************/
/********************************Début filtre sortie****************************************************************/

      .filtre
	  {
	  margin:-8px 0px 8px 0px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 1px 0px; /* top right bottom left */
	  padding:0px -8px 0px -8px; /* top right bottom left */
	  }


	  .filtre_option
	  {
	  float:left;/* aligner le bloque left*/
	  width:77px;/* longueur du cadre */
	  padding:8px 8px 8px 8px; /* top right bottom left */
	  }

	  .filtre_description
	  {
	  margin: 0px 0px 0px 87px; /* top right bottom left */
	  border-color:#000; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width: 0px 0px 0px 1px; /* top right bottom left */
	  padding:8px 0px 8px 8px; /* top right bottom left */
	  }

/********************************Fin filtre sortie******************************************************************/











/********************************************************************************************************************Fin des activités***************************************************************************************************************************/

/********************************************************************************************************************Couleur membre et rang *****************************************************************************************************/
.admin_color {
	color:#F00; /* couleur du texte */
}

.modo_color {
	color:#093; /* couleur du texte */
}

.membre_color_homme {
	color:#06F; /* couleur du texte */
}

.membre_color_femme {
	color:#C3C; /* couleur du texte */
}
/********************************************************************************************************************Fin Couleur membre et rang *****************************************************************************************************/


/********************************************************************************************************************Debut du support****************************************************************************************************************************/

.vignetteChooseGroupSupport {
	float: left;
	text-align: center;
	width: 350px;
	background-color:#F0F0F2;
	width:170px;
	height:400px;
	margin-left:18%;
}

.vignetteChooseGroupSupport .ModoGroup  {
	color:#900;
}

.vignetteChooseGroupSupport.AdminGroup {
	background: url(images/support/AdminGroup.png) no-repeat center linear-gradient(to top, #000, #900);
	background-color:#FF0000;
}
/********************************************************************************************************************Fin du support******************************************************************************************************************************/



/********************************************************************************************************************Début du plan du site***********************************************************************************************************************/

     .categTree_left
	 {
	 float:left;
	 width:190px;
/*	 border-color:#000; /* on affiche la couleur de la bordure */
/* 	 border-style: solid; /*  on affiche le style de l'a bordure */
/*	 border-width:1px 1px 1px 1px; /* top right bottom left */
/* 	 margin:0px 0px 0px 0px; /* top right bottom left */
/* 	 padding:0px 0px 0px 0px; /* top right bottom left */
 	 }

     .categTree_right
	 {
	 margin-left:200px;
	 width:220px;
/*	 border-color:#000; /* on affiche la couleur de la bordure */
/* 	 border-style: solid; /*  on affiche le style de l'a bordure */
/*	 border-width:1px 1px 1px 1px; /* top right bottom left */
/* 	 margin:0px 0px 0px 0px; /* top right bottom left */
/* 	 padding:0px 0px 0px 0px; /* top right bottom left */
 	 }




      .tree_top
 	  {
	  background: url(./images/plan/sitemap-top.gif) no-repeat -1px -3px;
	  border-color:#000; /* on affiche la couleur de la bordure */
	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  margin:0px 0px 12px 20px; /* top right bottom left */
	  padding:1px 0px 7px 30px; /* top right bottom left */
 	  }


      .tree_bottom
 	  {
	  background: url(./images/plan/sitemap-last.gif) no-repeat -11px -3px;
	  border-color:#000; /* on affiche la couleur de la bordure */
	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:0px 0px 0px 0px; /* top right bottom left */
	  margin:-14px 0px 0px 30px; /* top right bottom left */
	  padding:0px 0px 0px 20px; /* top right bottom left */
 	  }



      ul .tree1
	  {
	  list-style-type:none;
	  text-decoration:underline;
	  }

      ul .tree4
	  {
	  list-style-type:none;
	  text-decoration:underline;
	  }


     .tree
	  {
	 border-color:gray; /* on affiche la couleur de la bordure */
 	 border-style: dotted; /*  on affiche le style de l'a bordure */
	 border-width:0px 0px 0px 1px; /* top right bottom left */
 	 margin:0px 0px 0px 31px; /* top right bottom left */
 	 padding:8px 0px 15px 0px; /* top right bottom left */
	  }



	 ul.tree li
	 {
	 padding :0 0.5em; /* Pour espacer les boutons entre eux */
	 }




     .tree1
	  {
	 border-color:gray; /* on affiche la couleur de la bordure */
 	 border-style: dotted; /*  on affiche le style de l'a bordure */
	 border-width:0px 0px 0px 1px; /* top right bottom left */
 	 margin:-12px 0px 0px -9px; /* top right bottom left */
 	 padding:0px 0px 0px 0px; /* top right bottom left */
	  }

	 ul.tree1 li
	 {
	 padding :0px 0px 0px 1.5em; /* Pour espacer les boutons entre eux */
	 }


     .tree2
	  {
	  background:url(./images/plan/sitemap-horizontal.png)no-repeat left 10px;
	 border-color:gray; /* on affiche la couleur de la bordure */
 	 border-style: dotted; /*  on affiche le style de l'a bordure */
	 border-width:0px 0px 0px 1px; /* top right bottom left */
 	 margin:0px 0px 0px 40px; /* top right bottom left */
 	 padding:0px 0px 0px 0px; /* top right bottom left */
	  }

     .last
	  {
	  background: url(./images/plan/sitemap-last.gif) no-repeat -11px -3px;
	 border-color:gray; /* on affiche la couleur de la bordure */
 	 border-style:dotted; /*  on affiche le style de l'a bordure */
	 border-width:0px 0px 0px 0px; /* top right bottom left */
	 margin:0px 0px 0px 39px; /* top right bottom left */
	 padding:0px 0px 0px 0px; /* top right bottom left */
	  }

     .tree3
	  {
	 border-color:gray; /* on affiche la couleur de la bordure */
 	 border-style: dotted; /*  on affiche le style de l'a bordure */
	 border-width:0px 0px 0px 1px; /* top right bottom left */
 	 margin:-13px 0px 0px 31px; /* top right bottom left */
 	 padding:0px 0px 0px 0px; /* top right bottom left */
	  }

	 ul.tree3 li
	 {
	 padding :0px 0px 0px 1.5em; /* Pour espacer les boutons entre eux */
	 }




     .tree4
	  {
	  background:url(./images/plan/sitemap-horizontal.png)no-repeat left 10px;
	 border-color:gray; /* on affiche la couleur de la bordure */
 	 border-style: dotted; /*  on affiche le style de l'a bordure */
	 border-width:0px 0px 0px 0px; /* top right bottom left */
 	 margin:0px 0px 0px 0px; /* top right bottom left */
 	 padding:0px 0px 0px 0px; /* top right bottom left */
	  }





/*	  ul .tree1 a 
	  {
	  padding-left:20px;
	  }



/*
		Menu changer de status */
		
		#windowStatusChange {
			position: absolute;
			width: 200px;
			heigth: 60px;
			border: thin solid #000;
			background-color:#DFDFDF;
			z-index:10000;
		}

/*     .tree3
	  {
	 border-color:gray; /* on affiche la couleur de la bordure */
/* 	 border-style: dotted; /*  on affiche le style de l'a bordure */
/*	 border-width:0px 0px 0px 1px; /* top right bottom left */
/* 	 margin:0px 0px 20px 00px; /* top right bottom left */
/* 	 padding:0px 0px 0px 0px; /* top right bottom left */
/*	  }


 /*     .last
	  {
	  background: url(./images/plan/sitemap-last.gif) no-repeat -5px -3px;
	 border-color:gray; /* on affiche la couleur de la bordure */
 /* 	 border-style:dotted; /*  on affiche le style de l'a bordure */
 /*	 border-width:0px 0px 0px 1px; /* top right bottom left */
 /*	 margin:0px 0px 0px 0px; /* top right bottom left */
 /*	 padding:0px 0px 0px 0px; /* top right bottom left */
 /*	  }

/*









      .tree1
	  {
	  list-style-type:circle;
	 border-color:gray; /* on affiche la couleur de la bordure */
/* 	 border-style:dotted; /*  on affiche le style de l'a bordure */
/*	 border-width:0px 0px 0px 1px; /* top right bottom left */
/*	 margin:0px 0px 0px 40px; /* top right bottom left */
/*	 padding:0px 0px 0px 20px; /* top right bottom left */
/*	  }










/*	  ul li 
	  {
/*	  text-decoration:underline; */
 /*	  }



      ol.tree1 li
	  {
	  background:url(./images/plan/horizontal.png)no-repeat left 10px;
	  min-height:100px;
	 border-color:#000; /* on affiche la couleur de la bordure */
  /*	 border-style: solid; /*  on affiche le style de l'a bordure */
 /*	 border-width:0px 0px 0px 0px; /* top right bottom left */
 /* 	 margin:0px 0px 0px 0px; /* top right bottom left */
 /* 	 padding:0px 0px 0px 0px; /* top right bottom left */
  /*	  }









/*     ul#tree
	 {
  	  border-style: solid; /*  on affiche le style de l'a bordure */
/* 	  border-width:0px 0px 0px 0px; /* top right bottom left */
/* 	 height : 40px;
	 padding:2px 8px 54px 8px;
	 margin:0px 0px 8px 0px;
/*	 list-style-type : none; /* Car sinon les puces se placent n'importe où */
/* 	 }

	 ul#tree li
	 {
	 padding :0 0.5em; /* Pour espacer les boutons entre eux */
/* 	 }

	 li.tree_gauche
	 {
     border-color:#000; /* on affiche la couleur de la bordure */
/*   	  border-style: solid; /*  on affiche le style de l'a bordure */
/* 	  border-width:0px 0px 0px 0px; /* top right bottom left */
/* 	 }

	 li.tree_droite
	 {
	 float : right;
	  border-color:#000; /* on affiche la couleur de la bordure */
/*   	  border-style: solid; /*  on affiche le style de l'a bordure */
/* 	  border-width:0px 0px 0px 0px; /* top right bottom left */
/* 	 }



      .tree
	  {
	  margin: 0px 0px 0px 0px; /* top right bottom left */
/* 	  border-color:#000; /* on affiche la couleur de la bordure */
/*   	  border-style: solid; /*  on affiche le style de l'a bordure */
/* 	  border-width: 0px 0px 0px 0px; /* top right bottom left */
/* 	  padding: 0px 0px 0px 0px; /* top right bottom left */
/* 	  }


/*      div .treeview_map
	  {
	  margin: 0px 0px 0px 0px; /* top right bottom left */
/*	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 0px 0px; /* top right bottom left */
/*	  padding: 0px 0px 0px 0px; /* top right bottom left */
/*	  }

      div .tree_cat_content
	  {
	  margin: 0px 0px 0px 0px; /* top right bottom left */
/*	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 0px 0px; /* top right bottom left */
/*	  padding: 0px 0px 0px 0px; /* top right bottom left */
/*	  }

      div .tree_cat_content div
	  {
	  background: url(./images/plan/verticale.png) repeat-y 0px 0px;
	  margin: 0px 0px 0px 0px; /* top right bottom left */
/*	  border-color:#000; /* on affiche la couleur de la bordure */
/*  	  border-style: solid; /*  on affiche le style de l'a bordure */
/*	  border-width: 0px 0px 0px 0px; /* top right bottom left */
/*	  padding: 0px 0px 0px 0px; /* top right bottom left */
/*	  }

/********************************************************************************************************************Fin du plan du site*************************************************************************************************************************/


/********************************************************************************************************************Début de la struture du site****************************************************************************************************************/

     .structure_site
	 {
	 width:700px;
	 border-color:#000; /* on affiche la couleur de la bordure */
 	 border-style: solid; /*  on affiche le style de l'a bordure */
	 border-width:1px 1px 1px 1px; /* top right bottom left */
 	 margin:0px 0px 0px 0px; /* top right bottom left */
 	 padding:0px 0px 0px 0px; /* top right bottom left */
 	 }


     .structure1
	  {
	  background: url(./images/plan/sitemap-top.gif) no-repeat 0px 0px;
	 border-color:gray; /* on affiche la couleur de la bordure */
 	 border-style: dotted; /*  on affiche le style de l'a bordure */
	 border-width:1px 1px 1px 1px; /* top right bottom left */
 	 margin:0px 0px 0px 0px; /* top right bottom left */
 	 padding:6px 36px 0px 32px; /* top right bottom left */
	  }

     .structure2
	  {
	  background: url(./images/plan/sitemap-horizontal.gif) no-repeat 0px 0px 0px 0px;
	 border-color:gray; /* on affiche la couleur de la bordure */
 	 border-style: dotted; /*  on affiche le style de l'a bordure */
	 border-width:0px 0px 0px 0px; /* top right bottom left */
 	 margin:0px 0px 0px 0px; /* top right bottom left */
 	 padding:0px 0px 0px 0px; /* top right bottom left */
	  }

     .structure13
	  {
	  background: url(./images/plan/structure/css.png) no-repeat -1px -3px;
	 border-color:gray; /* on affiche la couleur de la bordure */
 	 border-style: dotted; /*  on affiche le style de l'a bordure */
	 border-width:0px 0px 0px 1px; /* top right bottom left */
 	 margin:-12px 0px 0px 40px; /* top right bottom left */
 	 padding:0px 0px 25px 30px; /* top right bottom left */
	  }

     .structure14
	  {
	  background: url(./images/plan/structure/html.png) no-repeat -1px -3px;
	 border-color:gray; /* on affiche la couleur de la bordure */
 	 border-style: dotted; /*  on affiche le style de l'a bordure */
	 border-width:0px 0px 0px 1px; /* top right bottom left */
 	 margin:-12px 0px 0px 40px; /* top right bottom left */
 	 padding:0px 0px 25px 30px; /* top right bottom left */
	  }

     .structure15
	  {
	  background: url(./images/plan/structure/js.png) no-repeat -1px -3px;
	 border-color:gray; /* on affiche la couleur de la bordure */
 	 border-style: dotted; /*  on affiche le style de l'a bordure */
	 border-width:0px 0px 0px 1px; /* top right bottom left */
 	 margin:-12px 0px 0px 40px; /* top right bottom left */
 	 padding:0px 0px 25px 30px; /* top right bottom left */
	  }

     .structure15
	  {
	  background: url(./images/plan/structure/php.png) no-repeat -1px -3px;
	 border-color:gray; /* on affiche la couleur de la bordure */
 	 border-style: dotted; /*  on affiche le style de l'a bordure */
	 border-width:0px 0px 0px 1px; /* top right bottom left */
 	 margin:-12px 0px 0px 40px; /* top right bottom left */
 	 padding:0px 0px 25px 30px; /* top right bottom left */
	  }

/********************************************************************************************************************Fin de la struture du site******************************************************************************************************************/



}
/********************************************************************************************************************Fin Ecrans ordinateurs**********************************************************************************************************************/

/********************************************************************************************************************Début Ecrans ordinateurs********************************************************************************************************************/
@media (min-width: 980px)
{

}
/********************************************************************************************************************Fin Ecrans ordinateurs**********************************************************************************************************************/

/********************************************************************************************************************Début Ecrans ordinateurs********************************************************************************************************************/
@media (max-width: 979px)
{

}
/********************************************************************************************************************Fin Ecrans ordinateurs**********************************************************************************************************************/

/********************************************************************************************************************Début Ecrans ordinateurs********************************************************************************************************************/
@media (min-width: 768px) and (max-width: 979px)
{

}
/********************************************************************************************************************Fin Ecrans ordinateurs**********************************************************************************************************************/

/********************************************************************************************************************Début Ecrans ordinateurs********************************************************************************************************************/
@media (max-width: 767px)
{

}
/********************************************************************************************************************Fin Ecrans ordinateurs**********************************************************************************************************************/

/********************************************************************************************************************Début Ecrans ordinateurs********************************************************************************************************************/
@media (max-width: 480px)
{

}
/********************************************************************************************************************Fin Ecrans ordinateurs**********************************************************************************************************************/